<template>
  <view class="container">
    <view class="header">
      <text class="title">用户协议</text>
      <text class="update-time">更新日期：2025年10月20日</text>
    </view>

    <view class="content">
      <view class="section">
        <text class="section-title">一、总则</text>
        <text class="section-text">
          欢迎使用家电商城小程序！在使用本小程序前，请您仔细阅读并充分理解本协议。您点击"同意"按钮后，即表示您已阅读并同意遵守本协议的全部内容。
        </text>
      </view>

      <view class="section">
        <text class="section-title">二、账户注册与使用</text>
        <text class="section-text">
          1. 您需要使用微信授权登录本小程序，我们将获取您的微信昵称、头像等基本信息用于账户创建。
        </text>
        <text class="section-text">
          2. 您应妥善保管账户信息，对您账户下的所有行为负责。
        </text>
        <text class="section-text">
          3. 您不得将账户转让、出售或以其他方式提供给第三方使用。
        </text>
      </view>

      <view class="section">
        <text class="section-title">三、用户行为规范</text>
        <text class="section-text">
          1. 您在使用本小程序时，应遵守国家法律法规及相关政策规定。
        </text>
        <text class="section-text">
          2. 禁止发布违法、虚假、侵权等不当信息。
        </text>
        <text class="section-text">
          3. 禁止利用本小程序从事任何违法违规活动。
        </text>
      </view>

      <view class="section">
        <text class="section-title">四、服务内容</text>
        <text class="section-text">
          1. 本小程序为您提供家电商品浏览、购买、订单管理等服务。
        </text>
        <text class="section-text">
          2. 我们有权根据业务需要调整服务内容，并提前通知用户。
        </text>
        <text class="section-text">
          3. 因系统维护、升级等原因可能暂时中断服务，我们将尽力减少对您的影响。
        </text>
      </view>

      <view class="section">
        <text class="section-title">五、知识产权</text>
        <text class="section-text">
          1. 本小程序的所有内容，包括但不限于文字、图片、标识、界面设计等，均受知识产权法律保护。
        </text>
        <text class="section-text">
          2. 未经授权，您不得复制、传播、修改本小程序的任何内容。
        </text>
      </view>

      <view class="section">
        <text class="section-title">六、免责声明</text>
        <text class="section-text">
          1. 对于因不可抗力或第三方原因导致的服务中断或损失，我们不承担责任。
        </text>
        <text class="section-text">
          2. 您理解并同意，使用本小程序所产生的风险由您自行承担。
        </text>
      </view>

      <view class="section">
        <text class="section-title">七、协议的变更</text>
        <text class="section-text">
          我们有权根据实际情况修改本协议内容，修改后的协议将在小程序内公示，继续使用即视为接受修改后的协议。
        </text>
      </view>

      <view class="section">
        <text class="section-title">八、联系我们</text>
        <text class="section-text">
          如您对本协议有任何疑问，请通过小程序内的客服功能联系我们。
        </text>
      </view>
    </view>

    <view class="footer">
      <button class="agree-btn" @click="goBack">我已知晓</button>
    </view>
  </view>
</template>

<script setup lang="ts">
const goBack = () => {
  uni.navigateBack();
};
</script>

<style scoped>
.container {
  min-height: 100vh;
  background-color: #f5f5f5;
  padding-bottom: 120rpx;
}

.header {
  background-color: #fff;
  padding: 40rpx;
  text-align: center;
  border-bottom: 1rpx solid #e0e0e0;
}

.title {
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
  display: block;
  margin-bottom: 20rpx;
}

.update-time {
  font-size: 24rpx;
  color: #999;
  display: block;
}

.content {
  padding: 30rpx;
}

.section {
  background-color: #fff;
  padding: 30rpx;
  margin-bottom: 20rpx;
  border-radius: 16rpx;
}

.section-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333;
  display: block;
  margin-bottom: 20rpx;
}

.section-text {
  font-size: 28rpx;
  color: #666;
  line-height: 1.8;
  display: block;
  margin-bottom: 16rpx;
  text-align: justify;
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20rpx 40rpx;
  background-color: #fff;
  border-top: 1rpx solid #e0e0e0;
  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
}

.agree-btn {
  width: 100%;
  height: 88rpx;
  line-height: 88rpx;
  background-color: #1aad19;
  color: #fff;
  font-size: 32rpx;
  border-radius: 44rpx;
  border: none;
}

.agree-btn::after {
  border: none;
}
</style>


